﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="cache-control" content="no-cache">
	<title>借阅记录管理</title>
	<link rel="stylesheet" type="text/css" href="../../plugins/jquery-easyui/themes/metro/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../../plugins/jquery-easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
	<script type="text/javascript" src="../../plugins/jquery-easyui/jquery.min.js"></script>
	<script type="text/javascript" src="../../plugins/jquery-easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../plugins/jquery-easyui/datagrid-detailview.js"></script>
	<script type="text/javascript" src="../../js/common/common.js"></script>
	<script type="text/javascript" src="../../js/borrowRecordManage/borrowRecordManage.js"></script>
	<style type="text/css">
		.editor-null{
			padding-left: 100%;
			background: rgba(186, 178, 178, 0.37);
		}
		.editor 
	</style>
</head>
<body>
	<!-- 工具栏 -->
	<div id="bRecord-tb">
		<div>
			<a href="javaScript:void(0);" onclick="BI.bRecord.obj.insert(BI.bRecord.dlg.titleInsert, BI.bRecord.dlg.insertRule)" class="easyui-linkbutton" data-options="iconCls:'icon-ex-bookborrow', plain:'true'">借书登记</a>
			<a href="javaScript:void(0);" onclick="BI.bRecord.obj.batchRenewBorrow()" class="easyui-linkbutton" data-options="iconCls:'icon-ex-bookback', plain:'true'">批量归还</a>
		</div>
		<form class="super-search">
			<div class="input-box">
				<div>
					<label>图书：</label>
					<input type="text" class="easyui-textbox" name="s_book" data-options="prompt:'图书名称'"/>
				</div>
				<div>
					<label>读者：</label>
					<input type="text" class="easyui-textbox" name="s_reader" data-options="prompt:'读者名称'"/>
				</div>
				<div>   
			        <label>图书管理员：</label>   
					<input type="text" class="easyui-textbox" id="s_manager" name="s_manager" data-options="prompt:'图书管理员'" />
			    </div>
				<div>
					<label>续借次数：</label>
					<input type="text" class="easyui-numberbox" name="s_renewBorrowNum" data-options="prompt:'手机号'" />
				</div>
			    <div>   
			        <label>借阅状态：</label>
			        <select class="easyui-combobox" name="s_status" data-options="editable:false,prompt:'选择类型'" style="width: 173px;" >   
					    <option value="0">借阅</option>   
					    <option value="1">超期</option>   
					    <option value="-1">归还</option>   
					</select>  
			    </div>
				<div>
					<label>归还日期：</label>
					<input type="text" class="easyui-datebox" name="restoreStartTime" data-options="prompt:'起始时间'"/>&nbsp;&nbsp;-&nbsp;&nbsp;
					<input type="text" class="easyui-datebox" name="restoreEndTime" data-options="prompt:'结束时间'"/>
				</div>
				<div class="input-time">
					<label>借阅日期：</label>
					<input type="text" class="easyui-datebox" name="borrowStartTime" data-options="prompt:'起始时间'"/>&nbsp;&nbsp;-&nbsp;&nbsp;
					<input type="text" class="easyui-datebox" name="borrowEndTime" data-options="prompt:'结束时间'"/>
				</div>
			</div>
			<div class="search-box">
				<a href="javaScript:void(0);" onclick="BI.bRecord.obj.query()" class="easyui-linkbutton" data-options="iconCls:'icon-search',">查询</a>
				<a href="javaScript:void(0);" onclick="BI.bRecord.obj.reset()" class="easyui-linkbutton" data-options="iconCls:'icon-reload'," >重置</a>
			</div>
		</form>
	</div>

	<!-- 借阅记录表单 -->
	<div id="bRecord-dlg" class="easyui-dialog" data-options="iconCls:'icon-add', buttons:'#bRecord-btn', closed:'true', modal:'true'" >   
		<form method="post" >   
		    <div class="fitem">   
		        <label class="wd-60">图书:</label>   
		        <input type="text" class="easyui-textbox" data-options="prompt:'书名'" id="bookId" name="bookId" required="required" />   
		    </div>   
		    <div class="fitem">   
		        <label class="wd-60">读者:</label>   
		        <input type="text" class="easyui-textbox" data-options="prompt:'读者名'" id="readerId" name="readerId" required="required" />   
		    </div>
		    
		    <input type="hidden" name="id" />
		</form>  
	</div>
	<div id="bRecord-btn">
		<a id="sureBtn" href="javaScript:void(0);" class="easyui-linkbutton" onclick="BI.bRecord.obj.save()" data-options="iconCls:'icon-ok', plain:'true'">确定</a>
		<a id="cancelBtn" href="javaScript:void(0);" class="easyui-linkbutton" onclick="javascritp:$('#bRecord-dlg').dialog('close');" data-options="iconCls:'icon-cancel', plain:'true'">取消</a>
	</div>
		
	<!-- 借阅记录表格 -->
	<table id="bRecord-dg"></table>
	
	<!-- 图书表格 -->
	<div id="book-dlg" class="easyui-dialog" data-options="iconCls:'icon-add', closed:'true', modal:'true'" >
		<div id="book-tb">
			<input type="text" class="easyui-textbox" data-options="prompt:'图书名称'" id="bookName" name="bookName" />
		</div>
		<table id="book-dg"></table>
	</div>
	
	<!-- 读者表格 -->
	<div id="reader-dlg" class="easyui-dialog" data-options="iconCls:'icon-add', closed:'true', modal:'true'" >
		<div id="reader-tb">
			<input type="text" class="easyui-textbox" data-options="prompt:'用户名'" id="readerName" name="readerName" />
		</div>
		<table id="reader-dg"></table>
	</div>
	
	
	
</body>
</html>